<template>
  <div>
    <register-username v-if="register"/>
    <register-phone v-else/>
    <div class="img_box" @click="register = !register">
      <div v-if="register">
        <img src="../../../assets/img/login/bt_login_phone1.png" alt="">
        <span>手机注册</span>
      </div>
      <div v-else>
        <img src="../../../assets/img/login/bt_login_user.png" alt="">
        <span>用户名注册</span>
      </div>
    </div>
  </div>
</template>

<script>
import RegisterPhone from './RegisterPhone.vue'
import RegisterUsername from './RegisterUsername.vue'
export default {
  components: {
    RegisterPhone,
    RegisterUsername,
  },
  data() {
    return {
      register: true,
    }
  },
  methods: {
    name() {
      
    }
  },
}
</script>

<style lang="less" scoped>
.img_box {
  position: absolute;
  bottom: .666667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2rem;
  height: 2.533333rem;
  font-size: .346667rem;
  font-weight: 500;
  color: #FF5741;
  text-align: center;
  img {
    display: block;
    width: 2rem;
    height: 2rem;
  }
  span {
    display: inline-block;
    padding-top: .186667rem;
  }
}
</style>